<template>
    <div class="not-found">
        <Header/>
        <Nav/>

        <div class="content">
            <a @click="$router.go(-1)">
                <img src="../assets/404_5.jpg" alt="页面飞走了...404" width="1440" height="710">
            </a>
        </div>

        <Footer/>
    </div>
</template>

<script>
    import Header from "../components/Header"
    import Nav from "../components/Nav"
    import Footer from "../components/Footer"

    export default {
        name: "NotFound.vue",
        components: {Header, Nav, Footer},
    }
</script>

<style scoped lang="less">
    .content{
        width: 1200px;
        height: 600px;
        margin: auto;
        overflow: hidden;
        position: relative;

        img {
            position:absolute;
            left: 0;
            top: -30px;
        }

    }
</style>